<template>
  <tiny-time-line :data="data" :active="normalActive" @click="normalClick"></tiny-time-line>
</template>

<script>
import { TimeLine, Modal } from '@opentiny/vue'

export default {
  components: {
    TinyTimeLine: TimeLine
  },
  data() {
    return {
      normalActive: 0,
      data: [
        {
          name: 'Basic Info'
        },
        {
          name: 'BOQ Info'
        },
        {
          name: 'Involved Parties',
          error: true
        },
        {
          name: 'Billing',
          disabled: true
        }
      ]
    }
  },
  methods: {
    normalClick(index, node) {
      this.normalActive = index

      Modal.message(`节点index: ${index}; 节点信息: ${JSON.stringify(node)}.`)
    }
  }
}
</script>
